import {Button, Form, Input, DatePicker, Select, Segmented, Radio} from "antd";
type LayoutType = Parameters<typeof Form>[0]['layout'];
import React, {useState} from "react";
const { RangePicker } = DatePicker;
const App = () => {
    const [formLayout, setFormLayout] = useState<LayoutType>('inline');
    const [form] = Form.useForm();
    const onFormLayoutChange = () => {

    }
    return (
        <Form
            layout={formLayout}
            form={form}
            initialValues={{ layout: formLayout }}
            onValuesChange={onFormLayoutChange}
            style={{ maxWidth: formLayout === 'inline' ? 'none' : 600 }}
        >
            <Form.Item style={{marginBottom: '6px'}} label="登记时间">
                <div style={{display: 'flex'}}>
                    <RangePicker style={{width: '240px'}} />
                </div>
            </Form.Item>
            <Form.Item style={{marginBottom: '6px'}} label='标本类型'>
                <Select
                    defaultValue="1"
                    options={[
                        { value: '1', label: '全部' },
                    ]}
                />
            </Form.Item>
            <Form.Item style={{marginBottom: '6px'}} label='处方科室'>
                <Select
                    defaultValue="1"
                    options={[
                        { value: '1', label: '全部' },
                    ]}
                />
            </Form.Item>
            <Form.Item style={{marginBottom: '6px'}} label='操作员'>
                <Select
                    defaultValue="1"
                    options={[
                        { value: '1', label: '操作员1' },
                    ]}
                />
            </Form.Item>
            <Form.Item style={{marginBottom: '6px'}} label='起始实验号'>
                <Input />
            </Form.Item>
        </Form>
    )
}

export default App;
